<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度智能云管家</title>
    <!--引入css样式-->
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
    <div class="box">
        <!--头-->
        <div class="head">
            <p>百度智能管家</p>
        </div>
        <!--banner-->
        <div class="banner">
            <img class="img" src="img/BaiDuHead.jpg">
        </div>
        <!--导航-->
        <div class="nav">
            <p class="ocr_tec" id="active">图像技术</p>
            <p class="face_dectect">人脸与人体检测</p>
            <p class="voice_tec">语音技术</p>
            <p class="nlp">自然语言</p>
        </div>
        <!--内容显示区-->
        <div class="view">
            <!--每一个section都是一个章节，同等关系，类似于div-->
            <section id="ocr_tec">
                <p>文字识别</p>
                <div>
                    <a>通用文字识别</a>
                    <a>身份证识别</a>
                </div>
                <!--图像技术-->
                <p>图像识别</p>
                <div>
                    <a>通用物体识别</a>
                    <a>动物识别</a>
                </div>
                <p>图像增强技术</p>
                <div>
                    <a>人物动漫化</a>
                    <a>黑白上色</a>
                    <a>风格转换</a>
                </div>
            </section>
            <!--人脸与人体检测-->
            <section id="face_dectect">
                <p>人脸识别</p>
                <div>
                    <a>人脸检测</a>
                    <a>人脸对比</a>
                </div>
            </section>
            <!--语音技术-->
            <section id="voice_tec">
                <p>语音技术</p>
                <div>
                    <a>语音合成</a>
                    <a>语音识别</a>
                </div>
            </section>
            <!--自然语言-->
            <section id="nlp">
                <p>自然语言</p>
                <div>
                    <a href="emotion.html">情感分析</a>
                    <a>地址识别</a>
                </div>
            </section>

        </div>

    </div>
</body>
</html>